<!DOCTYPE html>
<html lang="en">
<!-- 搜索页面 -->
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
    <style>
             div.search{    
                width:980px;
                height:150px;
                margin:0 auto;
                background-color:#F1F1F1;
                text-align: center;
                    
                }
            div.videolist{
                width:1012px;
                /*height:960px;*/
                margin:0 auto;
                overflow:hidden;
                               

            }
            div.videoborder{
                width:202px;
                height:190px;
                float:left;


                
            }
            div.videotext{
                margin-right:32px;
                margin-top:20px;
                margin-bottom:0px;
                

                width:170px;
                height:170px;
                border-style:solid;
                border-width:1px;
                border-color:#e5e9ef;

            }
            div.text{
                width:144px;
                height:40px;
                margin:0 auto;
                font-size:12px;
                line-height: 20px;
                white-space:normal;
                word-wrap:break-word;
                table-layout:fixed;
                overflow:hidden;
                


            }
            a{
            	text-decoration:none;
            	color:black;

            }
            </style>
</head>
<body>

<div class="container-fluid p-5  text-black text-center">
<!--搜索框外围，如果想改变搜索框样式，请查看form.html-->
    {% block form %}{% endblock %}
</div>
<br>

<div class=videolist>
	{% load static %}
    <!--搜索结果-->
    {% block result %}{% endblock %}
</div>
</body>
</html>